<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="../common/css/amazeui.min.css">
    <link rel="stylesheet" href="../common/css/app.css">
    <link rel="stylesheet" href="../static/css/font.css">
    <link rel="stylesheet" href="../static/css/public.css">
    <link rel="stylesheet" href="../static/css/mobileIndex.css">
   <!-- <script src="../common/js/sea.js"></script>
    <script src="../common/js/seajs.config.js"></script>-->
    <script src="../common/js/jquery.js"></script>
    <script src="../common/js/amazeui.js"></script>
    <script src="../common/js/iscroll.js"> </script>
    <script SRC="../static/js/mIndex.js"></script>
</head>


<body>

<div class="holewSeachPage">
        <!--头部-->
        <div class="am-g doc-am-g" id="searchTop">
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12" id="mheaderSearch">
                <form action="zyc.php">
                    <i class="iconfont searchMBtn">&#xe620;</i>
                    <input type="text" id="mSearch" class="am-u-sm-12 am-u-md-12 am-u-lg-12" placeholder="搜索课程" autocomplete="off">
                    <i class="iconfont closehMBtn" id="closehMBtn">&#xe60e;</i>
                    <input type="submit" id="searchBtn" value="搜索" >
                </form>
            </div>
        </div>
        <!--头部-->
    <!--内容区域-->
    <div class="am-g doc-am-g" id="mindexContent">
            <!--Carousel -->
            <div id="banner" class="am-slider am-slider-default clear" data-am-flexslider="{directionNav: false,slideshowSpeed:3000}">
                <ul class="am-slides clear">
                    <li><a href="#"><img src="http://s.amazeui.org/media/i/demos/bing-1.jpg" /></a></li>
                    <li><a href="#"><img src="http://s.amazeui.org/media/i/demos/bing-2.jpg" /></a></li>
                </ul>
            </div>
            <!--Carousel -->
            <!--分类-->
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 clear" id="classification">
                <a href="#">
                    <i class="iconfont iconfont-1">&#xe69c;</i>
                    <p>小学教育</p>
                </a>
                <a href="#">
                    <i class="iconfont iconfont-2">&#xe6a2;</i>
                    <p>初中教育</p>
                </a>
                <a href="#">
                    <i class="iconfont iconfont-3">&#xe638;</i>
                    <p>高中教育</p>
                </a>
                <a href="#">
                    <i class="iconfont iconfont-4">&#xe507;</i>
                    <p>大学考试</p>
                </a>
                <a href="#">
                    <i class="iconfont iconfont-5">&#xe613;</i>
                    <p>全部分类</p>
                </a>
            </div>
            <!--分类-->
            <!--关注的分类-->
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 clear" data-am-sticky="{top:60}" id="follow">
                <div class="followClass ">幼儿园</div>
                <div class="followClass fActive">一年级</div>
                <div class="followClass">二年级</div>
                <div class="followClass">高一</div>
                <div class="followClass">高二</div>
                <div class="addClass">
                    <i class="iconfont">&#xe66c;</i>
                </div>
            </div>
            <!--关注的分类-->
            <!--内容-->
            <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 clear" id="miContent">
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-6"></div>
            </div>
            <!--内容-->
    </div>
    <!--内容区域-->

        <!--底部区域-->
       <div class="am-g doc-am-g" id="mIndexFoot">
           <div class="am-u-sm-12 am-u-md-12 am-u-lg-12"></div>
       </div>
        <!--底部区域-->


</div>


</body>
</html>